body{
	background:#FAFBFC;
	font-family:Microsoft YaHei;
	margin:0px 0 0 1px;
}
header{
	width:100%;
	height:48px;
	background:rgba(250,251,252,0.6);
	z-index:9999;
	position:relative;
	margin-top:0px;
	top:0px;
}
header nav{
	width:1280px;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
}
header nav div{
	float:left;
}
header nav .logo{
	width:130px;
	margin-left:65px;
}
header nav .logo img{
	width:120px;
	height:35px;
}

header nav  .nav{
	width:760px;
	height:40px;
	vertical-align: middle;
	padding-top:10px;
	
}
header nav  .nav a{
	margin-left:10px;
	padding-left:42px;
}

header nav .buttons{
	width:240px;
	padding-top:0px;
	text-align:right;
}

header nav .buttons a{
	border: 1px solid #ccc;
	width:100px;
	cursor:pointer;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	display:inline-block;
	border-radius:5px;
	height:23px;
	text-decoration: none;
	color:black;	
}

header nav .buttons a:hover{
	background-color:#03A9F4;
	color:white;
}

.content{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}

h2{
	text-align:center;
}

.content .products{
	min-height:600px;
}

.content .products div{
	float:left;
	height:308px;
	margin:1px;
	/*border:2px solid black;*/
	position:relative;
	background-color:white;
	box-shadow:1px 1px 1px rgba(0,0,0,0.5);
}

.content .products div  img{
	display:block;
	position:absolute;
	right:0px;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	max-height:100%;
	max-width:100%;
}

.content .products .large-area{
	width:478px;
	
}

.content .products .normal-area{
	width:238px;
}

.categories ul{
	list-style: none;
	padding-left:0px;
	height:180px;
}
.categories ul li{
	width:33%;
	float:left;
	text-align:center;
	height:100%;
	background-color:#E1E1E1;
	margin-left:1px;
	margin-right:1px;
}

.hotspots{
	width:100%;
	height:280px;
	display:inline-block;
}

.hotspots .hotspot{
	width:49.6%;
	margin:2px 2px 2px 2px;
	background-color:white;
	float:left;
	height:80px;
}
.hotspots .hotspot .hotspot_thumb{
	height:60%;
	width:15%;
	float:left;
	margin-bottom:5px;
	margin-top:18px;
	margin-left:10px;
	margin-right:8px;
	position:relative;
}
.hotspots .hotspot .hotspot_thumb img{
	display:block;
	position:absolute;
	right:0px;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	max-height:100%;
	max-width:100%;

}

.hotspots .hotspot div {
	width:78%;
	float:left;
	margin-top:8px;
	margin-bottom:5px;
	max-height:50px;
	display:inline-block;
}
.hotspots .hotspot div .title{
	overflow:hidden;
	font-style:bold;
	display:inline-block;
	white-space:nowrap;
}
.hotspots .hotspot div .abstract{
	font-size:14px;
	overflow:hidden;
	max-width:465px;
	max-height:45px;
	line-height:25px;
	display:inline-block;
}



footer{
	background-color:#E1E1E1;
	text-align:center;
}
.friend_links {
	border: 1px solid #ddd;
	border-bottom: none;
	height: 40px;
	margin: 0 auto;
	width: 1200px;
}
.friend_links div a {
	background: url(../img/links.png) no-repeat -26px center;
	width: 220px;
	height: 40px;
	text-indent: -999px;
	display: inline-block;
	
}
.friend_links div {
	border-right: 1px dotted #ddd;
	height: 40px;
	font-size: 12px;
	overflow-y: hidden;
	
	float: left;
	width: 220px;
	margin-left:5px;
	background-color:#EAEAEA;
	padding-left:80px;
	padding-right:80px;
	text-align:center;
}
.friend_links div a.andson {
	background-position: 50px center;
}
.friend_links a.ka360 {
	background-position: -125px center;
}
.friend_links a.clever {
	background-position: -287px center;
}
.clearfix{
	-webkit-margin-start: 0px;
}
footer .copy {
	
	height: 95px;
	text-align: center;
	line-height: 24px;
	color: #989896;
	clear: both;
	
	border-top: 1px solid #ddd;
}